<template>
  <div id="myapply">
    <el-breadcrumb>
      <el-breadcrumb-item>个人中心</el-breadcrumb-item>
      <el-breadcrumb-item>我的申请</el-breadcrumb-item>
    </el-breadcrumb>
    <div id="mymain">
      <el-menu
        default-active="/home/personalcenter/myapply/todo"
        class="el-menu-demo"
        mode="horizontal"
        :router="true"
      >
        <el-menu-item index="/home/personalcenter/myapply/todo"
          >待办</el-menu-item
        >
        <el-menu-item index="/home/personalcenter/myapply/done"
          >已办</el-menu-item
        >
      </el-menu>
      <div class="line"></div>
    </div>
    <div id="main">
      <router-view />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="less" scoped>
#mymain {
  margin-top: 20px;
}
#main {
  height: 70%;
}
.el-menu {
  padding-left: 20px;
}
</style>